<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <!-- 引入标题图标文件 -->
    <link rel="shortcut icon" href="../../../favicon.ico" type="image/x-icon">
    <!-- 引入公共样式 CSS 文件 -->
    <link rel="stylesheet" href="../../../css/common.css">
    <!-- 引入初始化样式 CSS 文件 -->
    <link rel="stylesheet" href="../../../css/base.css">
    <!-- 引入姚昶自建样式 CSS 文件 -->
    <link rel="stylesheet" href="././CSS/ycMVplayer.css">
    <link rel="stylesheet" href="././CSS/ycCSS.css">
    <!-- 引入播放器CSS文件 -->
    <link rel="stylesheet" href="./vide7.10.2/css/video-js.min.css" type="text/css">
    <!-- 引入JQ -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"> //引入jq资源</script>
    <script type="text/javascript" src="http://pv.sohu.com/cityjson/getip.aspx" charset="utf-8">//搜狐接口获取ip</script>
</head>
<style>
</style>

<body>
    <!-- 头部区域开始 -->
    <header>
        <div class="container w">
            <div class="t">
                <h4 class="logo"><a href="../../../index.html"><img src="../../../images/logo.png" alt=""></a></h4>
                <div class="top_nav">
                    <ul>
                        <li><a href="../../../index.html" class="hover">音乐馆</a></li>
                        <li><a href="../../lb/lb/mymusic.html">我的音乐</a></li>
                        <li class="client_hover">
                            <a href="../download/index.html">
                                客户端<i></i>
                            </a>
                            <div class="client">
                                <div class="client_cont">
                                    <p><em></em> HQ高品质 全员开启</p>
                                    <p><em></em> 独家音效 全面升级</p>
                                    <p><em></em> 轻盈视觉 动态皮肤</p>
                                    <a href="https://dldir1.qq.com/music/clntupate/QQMusicSetup.exe">下载体验</a>
                                </div>
                            </div>
                        </li>
                        <li><a href="../../../artists/index.html" target="_blank">开放平台</a></li>
                        <li><a href="../../lb/vipportal/yearvip.html">VIP</a></li>
                    </ul>
                </div>
                <div class="top_search">
                    <input type="text" name="" id="" placeholder="搜索音乐、MV、歌单、用户">
                    <button><i class="search_button sprite"></i></button>
                </div>
                <div class="login">
                    <div class="login_btn">
                        <a href="javascript:;">登录</a>
                    </div>
                    <div class="vip_select">
                        <a href="../../lb/vipportal/yearvip.html">开通VIP<i></i></a>
                        <ul class="vip_hover">
                            <li><a href="../../lb/vipportal/yearvip.html" style="border-bottom: 0;">开通绿钻豪华版</a></li>
                            <li><a href="../download/fufeibao.html">开通付费包</a></li>
                        </ul>
                    </div>
                    <div class="charge_select">
                        <a href="javascript:;">充值<i></i></a>
                        <ul class="vip_hover cz">
                            <li><a href="javascript:;" style="border-bottom: 0;">购买乐币</a></li>
                            <li><a href="javascript:;">充值饭票</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="b">
                <ul>
                    <li><a href="../../../index.html">首页</a></li>
                    <li><a href="../../hyh/singer_list/singer.html">歌手</a></li>
                    <li><a href="../../lb/lb/album.html">新碟</a></li>
                    <li><a href="../../yjx/toplist/index.html">排行榜</a></li>
                    <li><a href="../../hyh/category/songmenu.html">分类歌单</a></li>
                    <li><a href="../../hyh/radio/fm.html">电台</a></li>
                    <li><a href="./mvlist.html" style="color: #31c27c">MV</a></li>
                    <li><a href="../../ch/album_mall/album_mall.html">数字专辑</a></li>
                    <li><a href="../../yjx/piaowu/index.html">票务</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 头部区域结束 -->
    <div class="ycPlayerArea">
        <!-- 播放器插件开始 -->
        <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none"
            width="1200" height="675" poster="http://video-js.zencoder.com/oceans-clip.png">
            <!-- https://vd3.bdstatic.com/mda-kd9p1y98a0rsvdhg/v1-cae/sc/mda-kd9p1y98a0rsvdhg.mp4?v_from_s=hkapp-haokan-suzhou&auth_key=1641808841-0-0-c9d1919b476fbf19d5f59419e250a717&bcevod_channel=searchbox_feed&pd=1&pt=3&logid=1841679815&vid=12538877638935474044&abtest=100254_2&klogid=1841679815 -->
            <source
                src="https://vd3.bdstatic.com/mda-kd9p1y98a0rsvdhg/v1-cae/sc/mda-kd9p1y98a0rsvdhg.mp4?v_from_s=hkapp-haokan-suzhou&auth_key=1641808841-0-0-c9d1919b476fbf19d5f59419e250a717&bcevod_channel=searchbox_feed&pd=1&pt=3&logid=1841679815&vid=12538877638935474044&abtest=100254_2&klogid=1841679815"
                type='video/mp4' />
            <!-- <source src="http://视频地址格式2.webm" type='video/webm' /> -->
            <!-- <source src="http://视频地址格式3.ogv" type='video/ogg' /> -->
            <track kind="captions" src="demo.captions.vtt" srclang="en" label="English">
            </track><!-- Tracks need an ending tag thanks to IE9 -->
            <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English">
            </track><!-- Tracks need an ending tag thanks to IE9 -->
        </video>
        <!-- 播放器插件到此结束 -->
    </div>
    <div class="ycIntroHead">
        <h2 class="ycIntroTit">视频标题</h2>
        <div class="ycIntroInfo">
            <a>Michael Jackson</a>
            <span>发行时间：1970-01-01</span>
        </div>
    </div>
    <div class="ycComtHead">
        <h2 class="ycComtTit">评论</h2>
        <span class="ycComtInfo">共0条评论</span>
    </div>
    <div class="ycComtInpBox">
        <div class="ycComtInpBg">
            <div class="ycComtInpFst">说说你的看法吧</div>
            <div contenteditable="true" class="ycComtInput" onkeypress="ycComtInput()">
            </div>
            <div class="ycComtInpLst">剩余
                <span>300</span>
                字
            </div>
        </div>
        <button class="ycComtBtn" onclick="ycComtBtn()">发表评论</button>
    </div>
    <div class="ycComtShowBox">
        <ul>
            <!-- 下面只是个模板 -->
            <!-- <li class="ycComtCard">
                <div class="ycUserHead"></div>
                <div class="ycComtInfo">
                    <div class="ycComtInfoUser">用户名</div>
                    <div class="ycComtInfoTime">2022年</div>
                    <div class="ycComtInfoText">评论内容</div>
                    <div class="ycComtInfoLike">
                        <i
                            style="cursor: pointer;display:inline-block;width:17px;height:17px;background-image: url(ycpics/yclike.png);background-position: 25px;"></i>
                    </div>
                </div>
                <hr style="width: 1200px;color: #f2f2f230;margin-top: 10px;margin-bottom: 10px;">
            </li> -->
        </ul>
    </div>
    <!-- 右侧LOGO -->
    <!-- <div class="right-logo">
        <img src="../../images/logo.png" alt="">
        <p>千万高品质曲库尽享</p>
        <a href="../../ch/download/download.html">客户端下载</a>
    </div> -->

    <!-- 右侧固定导航 -->
    <div class="right-nav">
        <ul>
            <li><a href="javascript:;"><i class="iconfont">&#xe6ab;</i></a></li>
            <li><a href="javascript:;">反馈</a></li>
            <li><a href="javascript:;"><i class="iconfont">&#xea88;</i></a></li>
        </ul>
    </div>

    <!-- 页脚区域开始 -->
    <footer>
        <div class="footer-content w">
            <div class="footer-info">
                <div class="box">
                    <h3>下载QQ音乐客户端</h3>
                    <ul>
                        <li><a href="javascript:;"><i class="icon-pc"></i>PC版</a></li>
                        <li><a href="javascript:;"><i class="icon-mac"></i>Mac版</a></li>
                        <li><a href="javascript:;"><i class="icon-android"></i>Android版</a></li>
                        <li><a href="javascript:;"><i class="icon-ios"></i>iPhone版</a></li>
                    </ul>
                </div>
                <div class="box">
                    <div class="live">
                        <h3>特色产品</h3>
                        <ul>
                            <li><a href="javascript:;"><i class="icon-kg"></i>全民K歌</a></li>
                            <li><a href="javascript:;"><i class="icon-ss"></i>Super Sound</a></li>
                            <li><a href="javascript:;"><i class="icon-qp"></i>Qplay</a></li>
                            <li><a href="javascript:;"><i class="icon-fan"></i>Fan直播伴侣</a></li>
                            <li><a href="javascript:;">车载互联</a></li>
                            <li><a href="javascript:;">QQ演出</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box">
                    <div class="friend">
                        <h3>合作链接</h3>
                        <ul>
                            <li><a href="javascript:;">CJ ENM</a></li>
                            <li><a href="javascript:;">腾讯视频</a></li>
                            <li><a href="javascript:;">手机QQ空间</a></li>
                            <li><a href="javascript:;">最新版QQ</a></li>
                            <li><a href="javascript:;">腾讯社交广告</a></li>
                            <li><a href="javascript:;">电脑管家</a></li>
                            <li><a href="javascript:;">QQ浏览器</a></li>
                            <li><a href="javascript:;">腾讯微云</a></li>
                            <li><a href="javascript:;">腾讯云</a></li>
                            <li><a href="javascript:;">企鹅FM</a></li>
                            <li><a href="javascript:;">智能电视网</a></li>
                            <li><a href="javascript:;">当贝市场</a></li>
                            <li><a href="javascript:;">酷我音乐</a></li>
                            <li><a href="javascript:;">酷狗听书</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box2">
                    <h3>开放平台</h3>
                    <p><a href="javascript:;">QQ音乐开放平台</a><a href="javascript:;">腾讯音乐人</a><a href="javascript:;">音乐推</a>
                    </p>
                </div>
                <div class="box2">
                    <h3>TME集团官网</h3>
                    <p>
                        <a href="javascript:;">腾讯音乐</a>
                    </p>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="copyright-content">
                    <ul>
                        <li><a href="javascript:;">关于腾讯</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">About Tencent</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">服务条款</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">用户服务协议</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">隐私政策</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">权利声明</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">广告服务</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">腾讯招聘</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">客服中心</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">网站导航</a></li>
                    </ul>
                    <p>
                        Copyright © 1998 - 2021 Tencent.
                        <a href="javascript:;">All Rights Reserved.</a>
                    </p>
                    <p>
                        腾讯公司
                        <a href="javascript:;">版权所有</a>
                        ｜ <a href="javascript:;">营业执照</a>
                        ｜网络文化经营许可证：
                        <a href="javascript:;">粤网文[2020]3396-195号</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 页脚区域结束 -->

    <!-- 登录窗口模块 -->
    <div class="login_window">
        <div class="login_content">
            <div class="login_top_nav">
                <ul>
                    <li>
                        <a href="javascript:;" class="qq_login green">QQ登录</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="wx_login">微信登录</a>
                    </li>
                </ul>
                <span class="iconfont login_close">&#xe600;</span>
            </div>
            <div class="qq_login_hide">
                <div class="login_middle">
                    <div class="login_left">
                        <h3>快速安全登录</h3>
                        <p>请使用<a href="javascript:;">QQ手机版</a>扫描二维码，</p>
                        <p>或点击头像授权登录。</p>
                        <div class="login_qrcode">
                            <i><img src="../../images/icon/ptqrshow.png" alt=""></i>
                            <a href="javascript:;"><img src="../../images/icon/g.jfif" alt="">
                                <span>L.</span>
                            </a>
                            <p><a href="javascript:;">帐号密码登录</a> | <a href="javascript:;">注册新帐号</a> | <a
                                    href="javascript:;">意见反馈</a></p>
                        </div>
                    </div>
                    <div class="login_right">
                        <p>
                            <a href="javascript:;">QQ音乐</a> 将获得以下权限：
                        </p>
                        <p><input type="checkbox" name="" id="">全选</p>
                        <p><input type="checkbox" name="" id="">获得您的昵称、头像、性别</p>
                        <span>授权后表明你已同意 <a href="javascript:;">QQ登录服务协议</a></span>
                    </div>
                </div>
                <div class="login_download">
                    <a href="javascript:;">下载客户端 体验更多内容</a>
                </div>
            </div>
            <div class="wx_login_hide">
                <div class="login_middle">
                    <img src="../../images/icon/091jJGUp2wt80w3B.jfif" alt="">
                    <p><span>请使用微信扫描二维码登录"QQ音乐"</span></p>
                    <p>QQ与微信账号的音乐资产、付费特权不互通</p>
                </div>
                <div class="login_download">
                    <a href="javascript:;">下载客户端 体验更多内容</a>
                </div>
            </div>
        </div>
    </div>
</body>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"> //引入jq资源</script>
<script src="JS/ycmvJS2.js"> //引入姚昶自建js方法封装</script>
<script src="../../../js/index.js">//引入总js文件</script>
<script src="vide7.10.2/js/video.min.js">//引入播放器video文件</script>
<script>
</script>

</html>